<template>
  <div>
    <div class="ddxxa" v-for="(item, index) in ruleform" :key="index">
      <p style="float: left">
        {{ item.CreateTime }} | {{ item.ReceName }} | 订单号:{{
          item.IndentNumber
        }}
        | 在线支付
      </p>
      <p>应付金额:{{ item.IndentSum }}</p>
      <div style="float: left">
        <img :src="item.GoodImg" width="100px" height="100px" alt="" />
        {{ item.GoodName }}
      </div>
      <p style="float: right">{{item.IndentGooder}}</p>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      ruleform: {
        InId: "",
        IndentNumber: "",
        GoodId: "",
        ReceId: "",
        CreateTime: "",
        ReceName: "",
        IndentSum: "",
        GoodName: "",
        GoodImg: "",
        IndentGooder: "",
      },
    };
  },
  methods: {
    Getind() {
      this.$axios({
        url: "http://localhost:13443/api/Goods/GetIndent",
        method: "get",
      }).then((res) => {
        this.ruleform = res.data;
      });
    },
  },
  created() {
    this.Getind();
  },
};
</script>

<style>
.ddxxa {
  border: 1px solid rgb(211, 199, 91);
  width: 1300px;
  height: 200px;
  margin: 0 auto;
  
}
</style>